/*
 * Copyright 2016 Crown Copyright
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.popup {
	position: relative;
	z-index: 100;
}

.container {
	
}

.background {
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid rgb(60, 60, 60);
	border-radius: 6px;
	background-image: linear-gradient(rgb(248, 250, 253) 21px,
		rgb(223, 234, 248) 60px);
	background-color: rgb(223, 234, 248);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .7);
	overflow: hidden;
}

.content {
	width: 100%;
	height: 100%;
	padding: 5px;
	padding-top: 26px;
}

.titleBar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 21px;
	background-image: linear-gradient(rgb(96, 161, 240), rgb(74, 144, 228)
		8px);
	background-color: rgb(74, 144, 228);
	border-bottom: 1px solid rgb(60, 60, 60);
}

.titleText {
	width: 100%;
	padding: 3px 5px;
	font-weight: 500;
	color: white;
	cursor: default;
	word-wrap: none;
}

/* Resize handle */
@sprite .resizeHandle {
	gwt-image: 'resizeBottomRight';
	position: absolute;
	right: -9px;
	bottom: -9px;
	width: 20px;
	height: 20px;
	cursor: nw-resize;
}
